@extends('meizu.public.indexP')
@section('content')
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><script charset="utf-8" src="%E7%A1%AE%E8%AE%A4%E8%AE%A2%E5%8D%95-%E9%AD%85%E6%97%8F%E5%95%86%E5%9F%8E_files/v.htm"></script><script src="%E7%A1%AE%E8%AE%A4%E8%AE%A2%E5%8D%95-%E9%AD%85%E6%97%8F%E5%95%86%E5%9F%8E_files/hm.js"></script><script src="%E7%A1%AE%E8%AE%A4%E8%AE%A2%E5%8D%95-%E9%AD%85%E6%97%8F%E5%95%86%E5%9F%8E_files/flow.js"></script><script src="%E7%A1%AE%E8%AE%A4%E8%AE%A2%E5%8D%95-%E9%AD%85%E6%97%8F%E5%95%86%E5%9F%8E_files/analytics-min.js"></script>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>确认订单-魅族商城</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="http://store.res.meizu.com/resources/php/store/java/layout/img/favicon-2e71785f44.ico" rel="shortcut icon" type="image/x-icon">
    <link href="http://store.res.meizu.com/resources/php/store/java/layout/img/favicon-2e71785f44.ico" rel="icon" type="image/x-icon">
    <meta name="description" content="魅族商城是魅族面向全国服务的官方电子商务平台,提供魅族PRO系列、魅族MX系列和魅蓝系列等产品的预约和购买.官方正品,全国联保.">
    <meta name="keywords" content="魅族官方在线商店、魅族在线商城、魅族官网在线商店、魅族商城">
    <link rel="stylesheet" href="{{ asset('meizu/order/layout-ea436a570a.css')}}">


    <!--[if lt IE 9]>
    <script src="//store.res.meizu.com/resources/php/store/java/layout/js/html5shiv-3ed50bb69a.js" type="text/javascript"></script>
    <script src="//store.res.meizu.com/resources/php/store/java/layout/js/es5-shim-50bbaee56e.js" type="text/javascript"></script>
    <![endif]-->
	<link href="{{ asset('meizu/order/add-b464169420.css')}}" rel="stylesheet" charset="UTF-8">
</head>
<body>
<!-- common header -->



        <div class="order">
        <div class="mzcontainer">
            <div class="order-header">
                <div class="order-header-title">
                    确认订单
                </div>
                <ul class="order-header-bread">
                    <li class="order-header-bread-block active">购物车</li>
                    <li class="order-header-bread-block active">确认订单</li>
                    <li class="order-header-bread-block">在线支付</li>
                    <li class="order-header-bread-block">完成</li>
                </ul>
            </div>

            <div class="order-address" id="addressModule">
               <!--  <div class="order-address-title">
                    收货人信息
                    <div class="order-address-title-tips" id="orderAddressHasOldTips">
                        <i class="order-address-tips-icon"></i>


                    </div>
                </div>
            
                <ul class="order-address-list clearfix" id="addressList" style="height: 174px;">
                表单 
            
                 </ul> -->
                <!-- <div class="order-address-bottom">
                    <div class="order-address-more" id="orderAddressMore">
                          <p class="order-address-more-text">点击显示更多地址</p>
                          <i class="order-address-triangle"></i>
                    </div>
                </div> -->
            </div>

              
           <form action="" method="post" id="buyFrom">

                        {{ csrf_field()}}

            <div class="mzcontainer order-product">
                <div class="order-product-title">确认订单信息</div>

                <div class="order-product-list" id="orderProductList">

                <table cellspacing="0" cellpadding="0">
                <thead><tr><th class="order-product-table-name"><div class="order-product-supplier">供应商：<span class="order-product-supplier-name">魅族</span><div class="order-product-supplier-tips">由“魅族”负责发货，并提供售后服务</div></div></th><th class="order-product-table-price">单价</th><th class="order-product-table-num">数量</th><th class="order-product-table-total">小计</th><th class="order-product-table-express">配送方式</th>

                </tr></thead>

                <tbody><tr>
                <td class="order-product-table-name">

                <img class="order-product-image" src="{{ url( $titleT -> pic ) }}">

                <div class="order-product-name">
                <a target="_blank" class="order-product-link" href="http://detail.meizu.com/item/mx6.html">{{ $titleT -> name }}<br>{{ $titleT -> info }}</a>

                </div></td><td class="order-product-table-price"><p></p><span class="order-product-price">

                {{ $titleT -> price }}

                </span></td><td class="order-product-table-num">
                    
                    {{ $titleT -> num }}
                </td><td class="order-product-table-total"><p class="order-product-price red">

                {{ ($titleT -> price) *($titleT -> num) }}
                </p></td><td class="order-product-table-express" rowspan="1"><p>快递配送：运费<span class="order-product-price red">
                {{ $titleT -> cost }}
                </span></p><div class="order-product-arrival"></div></td>
                </tr>
                </tbody>

                <tfoot><tr><td colspan="5"><div class="order-product-info">


             <!--    <div class="order-product-invoice clearfix"><div class="order-product-invoice-type">发票类型：电子发票<div class="order-product-invoice-icon"></div></div><div class="order-product-invoice-title">发票抬头：默认为收货人姓名</div></div>
 -->

                <div class="order-product-remark">
                
                <!-- <span class="order-product-remark-title">备注</span> -->
<!-- 
                <textarea class="order-product-remark-input" placeholder="备注..." maxlength="45"></textarea> -->

                </div>
                </div>
                <div class="order-product-total">合计：<span class="order-product-price red">{{ ($titleT -> price) *($titleT -> num) +($titleT -> cost) }}</span></div></td></tr></tfoot>

                </table>

                </div>
            </div>

            <!-- <div class="mzcontainer order-discount" id="discount">
                <div class="order-discount-header">使用优惠抵扣</div>
                <ul class="order-discount-list" id="discountList"><li class="order-discount-item"><div class="order-discount-item-header"><div class="order-discount-item-title">使用回购券</div><div class="order-discount-item-right"></div></div><div class="order-discount-item-content order-discount-repo"><div class="order-discout-repo-text">已选择<span class="order-discount-repo-selected-num">0</span>张回购券（可多张叠加使用），总抵现<span class="order-discount-repo-selected-price">0.00</span></div><ul class="order-discount-repo-list"></ul><p><span class="order-discount-repo-enter-title">点击输入回购券</span></p><div class="order-discount-repo-enter-content"><div class="order-discount-repo-enter-row">券号：<input class="order-discount-repo-enter-input" type="text">密码：<input class="order-discount-repo-enter-input" type="password"><div class="mz-btn success">确定</div><span class="order-discount-repo-tips"></span></div><ul class="order-discount-repo-list"></ul></div></div></li></ul>
            </div> -->
            <div class="order-total clearfix">
                <div class="order-total-content">
                    <div class="order-total-content" >
                        
                            <div class="order-address-add-text">姓名：
                             <input type="text" name="username" required="required"
                                placeholder="{{ $detail -> nickname }}"
                             >
                            </div>
                            <!-- <input type="submit" value="提交"> -->
                            <div class="order-address-add-text">电话：
                             <input type="text" name="phone" required="required"
                            placeholder="{{ $detail -> phone }}"
                             >
                            </div>
                            <div class="order-address-add-text">地址：
                             <input type="text" name="address" required="required"
                             placeholder="必填项！"
                             >
                            </div>
                    </div>
                    <div class="order-total-content" style="height:10px;"></div>
                    <div class="order-total-row">
                        总金额
                        <div class="order-total-price" id="totalOrderPrice">{{($titleT -> price) *($titleT -> num) }}</div>
                    </div>
                    <div class="order-total-row order-total-discount" id="totalCouponRow">
                        优惠券优惠
                        <div class="order-total-price sub">0.00</div>
                    </div>
                    <div class="order-total-row order-total-discount" id="totalRedRow">
                        红包抵扣
                        <div class="order-total-price sub">0.00</div>
                    </div>
                    <div class="order-total-row order-total-discount" id="totalRepoRow">
                        回购券抵扣
                        <div class="order-total-price sub">0.00</div>
                    </div>
                    <div class="order-total-row">
                        运费
                        <div class="order-total-price" id="totalExpressPrice">{{($titleT -> cost)}} </div>
                    </div>
                    <div class="order-total-line"></div>
                    <div class="order-total-row">
                        应付：
                        <div class="order-total-price total" id="totalPayPrice">{{ ($titleT -> price) *($titleT -> num) +($titleT -> cost) }}</div>
                    </div>
                    <div class="order-total-row order-total-valid-row clearfix">
                        <div class="order-total-valid" id="validCode">
                            
                       

                        </div>

                        <div class="mz-btn success" id="submitForm">提交订单</div>
                    </div>
                    <script type="text/javascript">

                        var submitForm = document.getElementById('submitForm');
                         
                       buyFrom.action="{{ url('/buy/userorder') }}/{{  $titleT -> id }}";
                       submitForm.onclick = function()
                        {
                            
                            document:buyFrom.submit();
                            
                            
                        }

                        window.onkeydown = function(ent)
                        {
                            var code = ent.keyCode;
                            if(code == 13)
                            {
                                 document:buyFrom.submit();
                            }
                        }
                      </script>
                    <div class="order-total-row order-total-row-tips" id="totalTips"></div>
                </div>
            </div>
        </div>
    </div>
    </form>
<!-- end content -->



<script src="{{ asset('meizu/order/layout-208548c914.js') }}" type="text/javascript"></script>
<script>
        var global = {
            data : {}
        };
    </script>
    <script src="{{ asset('meizu/order/add-be779856e3.js') }}" type="text/javascript"></script><div class="mz-captcha-open" tabindex="10" hidefocus="true" style="display: none;"><div class="mz-captcha-open-top"><div class="mz-captcha-tips">请按顺序点击大图中的文字</div><div class="mz-captcha-read"></div></div><div class="mz-captcha-open-center"><div class="mz-captcha-click-img"></div><div class="mz-captcha-click-box"></div></div><div class="mz-captcha-open-bottom"><div class="mz-captcha-reload"></div><div class="mz-btn success">验证</div></div></div>
<script>
    var __mzt = __mzt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "//sccom.res.meizu.com/js/analytics-min.js";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

<script type="text/javascript" charset="utf-8">
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = ('https:' == document.location.protocol ? 'https://tongji-res.meizu.com' : 'http://tongji-res1.meizu.com') + '/resources/tongji/flow.js';
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

<script type="text/javascript">
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?2a0c04774115b182994cfcacf4c122e9";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

</body></html>
@endsection